<template>
  <div>
    <square-nav-bar/>
    <square-show-com :comments="rescomment" />
  </div>
</template>

<script>
import SquareNavBar from './SquareNavBar.vue'
import SquarePublish from './SquarePublish.vue'
import SquareShowCom from './SquareShowCom.vue'

export default {
  components: { SquareNavBar, SquarePublish, SquareShowCom },
  name: '',
  data () {
    return {
      rescomment:[]
    }
  },
  activated(){
      this.$axios({
        url:'square',
        method:'get'
      }).then(res=>{
        console.log(res)
        this.rescomment = res.data
        console.log(this.rescomment)
      })
  },
  methods:{
  
}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>